// pages/curriculum/vite/vite.js
const api = require('../../../utils/api').apis;
import QRCode from '../../../utils/weapp-qrcode.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    shareTempFilePath:'',
    name:'',
    img:'',
    er:'',
    num:'',
    touxiang:'',
    xdMoney:'',
    user:[
      {
        img:'/curriculum/images/qqicon.png',
      },
      {
        name:'Voice',
      },
      {
        er:'',
      }
    ]

  },

// 发给朋友
onShareAppMessage: function (res) {
  console.log(res)
  if (res.from === 'button') {
    // 来自页面内转发按钮
    console.log(res.target)
  }
  return {
    title: '邀请一起来学习',
    path: '/page/user?id=123'
  }
},
// 分享到朋友圈
  onShareTimeline: function() {
    wx.showToast({
      title: '请点击右上角分享',
      icon: 'none',
    })
    console.log('aaa')
    return {
      title: '学到在线',
      path: '页面链接',
      imageUrl:'分享链接图片',
      query: '/page/user?id=123'
    }
},

 //获取临时路径
 //获取临时路径
 getTempFilePath:function(){
  wx.canvasToTempFilePath({
    canvasId: 'share',
    success: (res) => {
      this.setData({
        shareTempFilePath: res.tempFilePath
      })
    }
  })
},


//保存至相册
  //保存至相册
  saveImageToPhotosAlbum:function(){
    console.log(this.data.shareTempFilePath)
    if (!this.data.shareTempFilePath){
      wx.showModal({
        title: '提示',
        content: '图片绘制中，请稍后重试',
        showCancel:false
      })
    }
    wx.saveImageToPhotosAlbum({
      filePath: this.data.shareTempFilePath,
      success:(res)=>{
        console.log(res)
      },
      fail:(err)=>{
        console.log(err)
      }
    })
  },
onhaibao(){
// console.log('aa')
},

  // 画布
  createNewImg: function () {
    var _this = this
    // console.log(this.data.name)
    var color = '#fff'
    var name = this.data.name
    var num = this.data.num
    var xdMoney = this.data.xdMoney
    
    var er = this.data.er
    // var img = '../../images/qqicon.png'
    var content1 = '我是'+name+',我已经在学到在线学习'
    var content2 = num+'天，送你'+xdMoney+'学币'
    var content3 = '邀请你和我一起学习！'
    const context = wx.createCanvasContext('share')
    // 背景图片
    let width = 300;
    let height = 410;
    let bgPicturePath = "../../images/namebg.png";
    context.drawImage(bgPicturePath, 0, 0, width, height);

    
    

    context.drawImage(er, 22, 282, 60,60);
    //邀请函
    context.setFontSize(20);
    context.setFillStyle(color);
    context.setTextAlign('center');
    context.fillText("邀请函", 55, 45);
    // 姓名
    context.setFontSize(20);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText(name, 80, 102);
    // 内容1
    context.setFontSize(14);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText(content1, 22, 165);
    // 内容2
    context.setFontSize(14);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText(content2, 22, 185);
    // 内容3
    context.setFontSize(14);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText(content3, 22, 220);
    // 内容4
    context.setFontSize(11);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText('扫描二维码', 22,360);
    // 内容5
    context.setFontSize(11);
    context.setFillStyle(color);
    context.setTextAlign('left');
    context.fillText('和我一起学习', 22, 380);
    
    context.stroke();
    // context.setFillStyle('red')
    // context.fillRect(20, 20, 150, 100)

    // var context = wx.createCanvasContext('share')
    // context.setStrokeStyle("#00ff00")
    // context.setLineWidth(5)
    // context.rect(0, 0, 200, 200)
    // context.stroke()
    // setTimeout(function(){
      var img = _this.data.touxiang
      // 头像图片地址
    // 
    //绘制头像
    // context.arc(186, 246, 50, 0, 2 * Math.PI) //画出圆
    // context.strokeStyle = "red";
    // context.clip(); //裁剪上面的圆形
    //   context.drawImage(img,136, 196, 100, 100)
      context.drawImage(img,24,79,38,38)
      console.log(img)
    // },200)
    context.draw(false, this.getTempFilePath)
  },
  /**
   * 生命周期函数--监听页面加载
   */

  onLoad: function (options) {
    
  console.log(qrcode)
    // 二维码生成
    var qrcode = new QRCode('share',{
      text: 'http://www.tongxingschool.com',
      width: 200,
      height: 200,
      padding: 12, // 生成二维码四周自动留边宽度，不传入默认为0
      correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
      callback: (res) => {
        this.setData({
          er:res.path
        })
        // 请求页面数据
        api.getInvite({}).then(res=>{
          var _this = this
          console.log(res.data)
          // 将图片地址转换tmp
          wx.getImageInfo({
              src: res.data.userImg,
              success: function (res) {
                console.log(res)
                _this.setData({
                  touxiang:res.path
                })
                // 调用画布
                _this.createNewImg()
                // context.drawImage(res.path,24,79,38,38)
                // that.data.codeUrlTemp = res.path;
                // context.draw()
              },
              fail: function (err) {
                console.log(err)
              }
            })
          this.setData({
            name:res.data.userName,
            img:res.data.userImg,
            num:res.data.learnDay,
            xdMoney:res.data.xdMoney
          })
          // console.log(res)
          // this.createNewImg()
        })
        console.log(res.path)
        // 接下来就可以直接调用微信小程序的api保存到本地或者将这张二维码直接画在海报上面去，看各自需求
      }
    })
    // 分享
    wx.showShareMenu({
      menus: ['shareAppMessage', 'shareTimeline'],
      success(res) {
        // console.log(res)
      },
      fail(e) {
        // console.log(e)
      }
    })

    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})